/* 重置样式  */

body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}

html,body{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
}
header{
    height: 1.25rem;
    border-bottom: .02rem solid #eee;
    position: relative;
}
header p{
    text-align: center;
    font-size: .33rem;
    color:#212121;
    font-weight: 600;
    font-family: "微软雅黑";
    margin-top:.6rem; 
 }
 header span{
     position: absolute;
     top: .6rem;
     left:.4rem;
     font-size: .4rem!important;
 }
main{
    flex: 1;
    background-color: #f4f4f4;
}
main #address{
    display: flex;
    align-items: center;
    padding: .5rem .3rem;
    background-color: #fff;
    margin-bottom:.16rem; 
}
main #address span{
    display: block;
    width: 0.4rem;
    height: .44rem;
    margin-right: .4rem;
}
main #address span img{
    width: 100%;
    height: 100%;
}
main #address p{
    font-size: .31rem;
    color:#555454;
    font-weight: 600;
    font-family: 600;
}
main #goods {
    background-color: #fff;
    margin-bottom:.16rem; 
}
main #goods #num{
    text-indent: .37rem;
    line-height: .84rem;
    font-size: .28rem;
    font-family: "微软雅黑";
    color:#2f2f2f;
    font-weight: 600;
    height: .84rem;
    border-bottom: .02rem solid #ededed;
}
main #goods #num span{
    color:#fc4633;
}

main #goods #pic ul{
    display: flex;
    flex-wrap: wrap;
}
main #goods #pic ul li img{
    width: 1.20rem;
    height: 1.53rem;
}
main #date div{
    height: 0.86rem;
    line-height: .86rem;
    background-color: #fff;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    font-size: .29rem;
    color:#4e4e4e;
    font-weight: 600;
}
main #date #fapiao{
    border: .02rem solid #eeeeee;
}
main #date #liuyan input{
    /* background-color: rgb(190, 190, 190);; */
    border: none;
    outline: none;
    font-size: .22rem;
    color:#dcdcdc;
    font-weight: 600;
    width: 5.8rem;
}
main #youhuiquan{
    /* width: 100%; */
    background-color: #fff;
    height: .8rem;
    margin: .16rem 0;
    color:#555454;
    font-size: .28rem;
    font-weight: 600;
    font-family: "微软雅黑";
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    justify-content: space-between;
}
main #youhuiquan #number{
    width: .4rem;
    height: .4rem;
    background-color: #fe6453;
    text-align: center;
    line-height: .4rem;
    border-radius: 50%;
    color: #fff;
    margin-right:5.2rem; 
    /* flex: 1; */
}
main #total{
    background-color: #fff;
    line-height: .6rem;
    padding: .15rem 0;
}
main #total p{
    padding: 0 .25rem;
    font-size: .27rem;   
    color:#8e8e8e; 
    display: flex;
    justify-content: space-between;
}
main #total p:last-of-type{
    border-top: .02rem solid #eee;
    color:#666666;
}
main #total p span:nth-last-child(2){
    font-size: .28rem;
    color:#616161;
    font-weight: 600;
}






 footer{
     height: 1.05rem;
     border-top:.02rem solid #eeeeee;
     display: flex;
 }
 footer #money{
     flex: 1;
     display: flex;
     align-items: center;
 }
 footer #gopay{
     width: 2.96rem;
     background-color: #fe6454;
     font-size: .35rem;
     color: #fff;
     text-align: center;
     line-height: 1.05rem;
     /* font-weight: 600; */
     font-family: "微软雅黑"
 }
 footer #money span{
     font-size: .27rem;
     color:#fb5847;
     font-weight: 600;
}
footer #money span:nth-of-type(1){
    margin: 0 .2rem 0 1.5rem;color:#434343;
}
